<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
    <%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
	<title>后台分类列表</title>
	</head>
	<script type="text/javascript" src="js/jquery-2.2.3.min.js"></script>
	<script type="text/javascript" src="js/typelistjs.js"></script>
	<style type="text/css">
		*{
			margin: 0px;
			padding: 0px;
		}
		body{
			background-color:#f0f3f4;
		}
		table{
			border-spacing: 0;
			border-collapse: collapse;
		}
		.table{
			width: 100%;
			margin-bottom: 20px;
		}
		.table>thead>tr>th,td{
			border-bottom: 2px solid #f4f4f4;
			padding: 8px;
			text-align: left;
			font-size: 14px;
			font-weight: 400;
		}
		.table  tr td span{
			position: relative;
			top: -10px;
		}
		.table tr th:nth-child(2){
			width: 73%;
		}
		.content{
			min-height: 250px;
			padding: 15px;
			padding-left: 15px;
			padding-right: 15px;
			margin-right:20px;
			margin-left:28px;
			margin-top:20px;
			width:77%;
			background-color:#fff;
			border-radius:4px;
		}
		.table  tr td input[type='text']{
			width:80px;
			height:24px;
			text-align: center;
			position:relative;
			top:-10px;
		}
		.layui-btn{
			margin-right: 10px;
			margin-bottom: 10px;
			display: inline-block;
			height: 38px;
			line-height: 38px;
			padding: 0 18px;
			background-color: #009688;
			color: #fff;
			white-space: nowrap;
			text-align: center;
			font-size: 14px;
			border: none;
			border-radius: 2px;
			cursor: pointer;
		}
		.addonetype{
			text-align: right;
		}
	</style>
	<body>
		<div class="content">
			<table class="table list-table" id="list-table">
				<thead>
					<tr>
						<th></th>
						<th>分类名称</th>
						<th>修改</th>
						<th>添加</th>
					</tr>
				</thead>
				<c:forEach var="c" items="${sortlist}">
				<tr typeid="${c.lid}" parentsid="${c.tparentid}">
					<td>
						<input type="checkbox" />
					</td>
					<td>
						<img src="imgs/htimgs/typedirg.png" class="gettype" />
						<span>${c.lname}</span>
					</td>
					<td>
						<img src="imgs/htimgs/updatetype.png" class="xiugai" />
					</td>
					<td>
						<img src="imgs/htimgs/addtype.png" class="addtype" />
					</td>
				</tr>
				</c:forEach>
			</table>
			<div class="addonetype">
				<button id="addonetype" class="layui-btn">添加一级分类</button>
			</div>
		</div>
	</body>
</html>